var wc = $('.wc_hover')
var wechat = $('.wechat')
// console.log(wc, wechat);
wc.mouseover(function () {
    wechat.css('display', 'block')
    // console.log('1');
})
wechat.mouseover(function () {
    $(this).css('display', 'block')
    // console.log('1');
})
wc.mouseout(function () {
    wechat.css('display', 'none')
    // console.log('1');
})
wechat.mouseout(function () {
    $(this).css('display', 'none')
    // console.log('1');
})



//轮播
var ulLi = $(".banner>ul>li"); // 5
ulLi.first().clone().appendTo(".banner>ul"); // 克隆第一个图片到最后
var index = 0; // 图片下标
var timmerID;
autoPlay();
$(".banner").mouseenter(function () {
    clearInterval(timmerID);
});
$(".banner").mouseleave(function () {
    autoPlay();
});

$(".banner>ol>li").mouseenter(function () { // 点击下标. 显示对应的图片.
    index = $(this).index();
    play();
    // console.log(index)
});
// console.log($(".banner>ol>li"));
function play() {
    if (index < 0) { // 判断第一张的上一张
        index = ulLi.length - 1;
    }
    var imgW = $(".banner>ul img").width();
    var ulLeft = -(index * imgW);
    if (index >= ulLi.length) { // 设置当最后一个张图滚动时，第一个选中.
        $(".banner>ol>li").removeClass("active").eq(0).addClass("active");
    } else {
        $(".banner>ol>li").removeClass("active").eq(index).addClass("active");
    }

    $(".banner>ul").stop(true).animate({
        left: ulLeft
    }, function () {
        // 滚动完成以后
        if (index >= ulLi.length) {
            // 如果是到达了最后一张，设置index=0 设置top=0
            // 等最后一张（第一张）滚动完成立即切换显示第一张
            index = 0;
            $(this).css({
                left: 0
            });
        }
    });
}

function autoPlay() {
    timmerID = setInterval(function () {
        index++;
        play();
    }, 3000)
}

$('.left_btn').click(function () {
    index--
    play()
})
$('.right_btn').click(function () {
    index++
    play()
})

//QRcode
window.onresize = function () {
    var winW = $(window).width();

    winW < 1500 ? $('.QRcode').hide() : $('.QRcode').show()

}